<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- <script src="js/vue.js"></script> -->
    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/kw-page.css">
    <script src="js/iconfont-page.js"></script>
</head>
<body>
    <script src="head.js"></script>
    <style>
        .page-header {
            position: fixed;
            top: 0;
            left: 0;
            transition: all 0.35s ease-in-out;
            -webkit-transition: all 0.35s ease-in-out;
        }
        .page-banner-nav {
            position: fixed;
            top: 32px;
            left: 0;
            transition: all 0.35s ease-in-out;
            -webkit-transition: all 0.35s ease-in-out;
        }
        .foot {
            position: fixed;
            z-index: 666;
            bottom: 0;
            left: 0;
            display: none;
        }
        .slide-part-foot {
            padding-top:12px;
            padding-bottom: 12px;
        }
        .slide-part-foot .foot {
            position: inherit;
            bottom: inherit;
            left: inherit;
            display: block;
        }
    </style>
    <div class="swiper-container kw-page">
        <div class="swiper-wrapper">
            <div class="swiper-slide slide-part-head">
                <div class="head-container">
                </div>
            </div>
            <div class="swiper-slide slide-part-main">
                <div class="slide-parts slide-98-p1">
                    <div id="site-landing"></div>
                    <div class="p1-main">
                        <h4>KW99 KW98</h4>
                        <p>Designed for Exquisite Life</p>
                        <img class="img-1" src="img-kw-page/page-98-01.png" alt="">
                        <img class="img-2" src="img-kw-page/page-98-02.png" alt="">
                    </div>
                    <!-- <canvas id="canvas" width="2560" height="800"></canvas> -->
                    <a class="link_kw_more link_kw98_morea" href="http://www.king-wear.com/product/detail/3">Know More</a>
                    <a class="link_kw_more link_kw98_moreb" href="http://www.king-wear.com/product/detail/4">Know More</a>
                </div>
            </div>
            <div class="swiper-slide slide-part-main">
                <div class="slide-parts slide-98-p2">
                    <ul>
                        <li>
                            <span class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="0.2s"></span>
                            <i class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="0.3s">3G WCDMA / WIFI</i>
                        </li>
                        <li>
                            <span class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="0.4s"></span>
                            <i class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="0.5s">Notifications synchronization</i>
                        </li>
                        <li>
                            <span class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="0.6s"></span>
                            <i class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="0.7s">1.39” AMOLED screen</i>
                        </li>
                        <li>
                            <span class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="0.8s"></span>
                            <i class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="0.9s">Various stylish design</i>
                        </li>
                        <li>
                            <span class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="1.0s"></span>
                            <i class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="1.1s">Superb material & lightweight</i>
                        </li>
                        <li>
                            <span class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="1.2s"></span>
                            <i class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="1.3s">Dust proof, water resistant</i>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="swiper-slide slide-part-main">
                <div class="slide-parts slide-98-p3">
                    <div class="p3_main">
                       <div class="p3_l">
                           <img class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="0.2s" src="img-kw-page/kw-98-99a_18.png" alt="">
                           <h4 class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="0.4s">Independent Communication</h4>
                           <p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="0.8s">With the 3G WCDMA function and WIFI connection function, it can help you to receive or make calls , receive or send messages without your mobile phone and enable you to get the access to the Internet whenever you want.</p>
                       </div>
                       <div class="p3_r">
                           <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.65s" swiper-animate-delay="0.6s" src="img-kw-page/kw-98-99a_15.png" alt="">
                       </div> 
                    </div>
                </div>
            </div>
            <div class="swiper-slide slide-part-main">
                <div class="slide-parts slide-98-p4 flex-box">
                       <div class="p4_l">
                           <img class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.35s" swiper-animate-delay="0.2s"  src="img-kw-page/kw-98-99a_13.png" alt="">    
                       </div>
                       <div class="p4_r">
                           <h4>Notifications Synchronization </h4>
                           <p>Smart notifications through KW99 and KW98 let you receive emails, texts and alerts right on your watch – whether you're on the trail, on the golf course or simply away from your desk. </p>
                       </div> 
                </div>
            </div>
            <div class="swiper-slide slide-part-main">
                <div class="slide-app-show slide-os-show slide-98-os">
                    <div class="slide-os-head">
                        <h4 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">Exclusive Customized Watch Faces</h4>
                        <p class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s">KW99 & KW98 are embedded with a selection of exclusive customized watch faces, and you can download more as you like. Customize your watch face, choosing from thousands of striking colors and designs. </p>
                    </div>
                    <div class="slide-apps">
                        <div class="swiper-container slide-os-icona">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp01.png" alt="">
                                </div>
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp02.png" alt="">
                                </div>
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp03.png" alt="">
                                </div>
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp04.png" alt="">
                                </div>
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp05.png" alt="">
                                </div>
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp06.png" alt="">
                                </div>
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp07.png" alt="">
                                </div>
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp08.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-container slide-os-iconb">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp05.png" alt="">
                                </div>
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp06.png" alt="">
                                </div>
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp07.png" alt="">
                                </div>
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp08.png" alt="">
                                </div>
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp01.png" alt="">
                                </div>
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp02.png" alt="">
                                </div>
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp03.png" alt="">
                                </div>
                                <div class="swiper-slide  swiper-no-swiping">
                                    <img src="img/kw-bp04.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="slide-os">
                        <div class="slide-os-box">
                            <div class="swiper-container slide-os-img">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide swiper-no-swiping">
                                        <img class="ani" swiper-animate-effect="pulse" swiper-animate-duration="0.35s" swiper-animate-delay="0.2s" src="img/kw-bp03.png" alt="">
                                    </div>
                                    <div class="swiper-slide swiper-no-swiping">
                                        <img class="ani" swiper-animate-effect="pulse" swiper-animate-duration="0.35s" swiper-animate-delay="0.2s" src="img/kw-bp04.png" alt="">
                                    </div>
                                    <div class="swiper-slide swiper-no-swiping">
                                        <img class="ani" swiper-animate-effect="pulse" swiper-animate-duration="0.35s" swiper-animate-delay="0.2s" src="img/kw-bp05.png" alt="">
                                    </div>
                                    <div class="swiper-slide swiper-no-swiping">
                                        <img class="ani" swiper-animate-effect="pulse" swiper-animate-duration="0.35s" swiper-animate-delay="0.2s" src="img/kw-bp06.png" alt="">
                                    </div>
                                    <div class="swiper-slide swiper-no-swiping">
                                        <img class="ani" swiper-animate-effect="pulse" swiper-animate-duration="0.35s" swiper-animate-delay="0.2s" src="img/kw-bp07.png" alt="">
                                    </div>
                                    <div class="swiper-slide swiper-no-swiping">
                                        <img class="ani" swiper-animate-effect="pulse" swiper-animate-duration="0.35s" swiper-animate-delay="0.2s" src="img/kw-bp08.png" alt="">
                                    </div>
                                    <div class="swiper-slide swiper-no-swiping">
                                        <img class="ani" swiper-animate-effect="pulse" swiper-animate-duration="0.35s" swiper-animate-delay="0.2s" src="img/kw-bp01.png" alt="">
                                    </div>
                                    <div class="swiper-slide swiper-no-swiping">
                                        <img class="ani" swiper-animate-effect="pulse" swiper-animate-duration="0.35s" swiper-animate-delay="0.2s" src="img/kw-bp02.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide slide-part-main">
                <div class="slide-parts slide-98-p6">
                    <div class="p6-head">
                        <h4 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">1.39 ” AMOLED Screen </h4>
                        <p class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s">The 1.39 ” AMOLED display delivers a vivid viewing experience no matter where you are. </p>
                    </div>
                    <div class="p6-main">
                        <div class="b-out-01"><img class="ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.7s" swiper-animate-delay="0.2s" src="img-kw-page/kw-98-99a_24.png" alt=""></div>
                        <div class="b-out-02"><img class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.6s" swiper-animate-delay="0.9s" src="img-kw-page/kw-98-99a_21.png" alt=""></div>
                        <div class="b-out-03"><img class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.6s" swiper-animate-delay="0.8s" src="img-kw-page/kw-98-99a_21.png" alt=""></div>
                        <div class="b-out-04"><img src="img-kw-page/kw-98-99a_20.png" alt=""></div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide slide-part-main">  
                <div class="slide-color-show">
                    <div class="slide-color-head">
                        <h4 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">Various Stylish Design</h4>
                        <p class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s">Find the one your heart desires</p>
                    </div>
                    <div class="color-select">
                        <p>kw98</p>
                        <ul>
                            <li id="color-a01"></li>
                            <li id="color-a02"></li>
                            <li id="color-a03"></li>
                        </ul>
                        <p>kw99</p>
                        <ul>
                            <li id="color-a04"></li>
                            <li id="color-a05"></li>
                        </ul>
                    </div>
                    <div class="swiper-container slide-colors">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="img-kw-page/kw-98-99colors_03.png" alt=""></div>
                            <div class="swiper-slide"><img src="img-kw-page/kw-98-99colors_04.png" alt=""></div>
                            <div class="swiper-slide"><img src="img-kw-page/kw-98-99colors_05.png" alt=""></div>
                            <div class="swiper-slide"><img src="img-kw-page/kw-98-99colors_06.png" alt=""></div>
                            <div class="swiper-slide"><img src="img-kw-page/kw-98-99colors_07.png" alt=""></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide slide-part-main">
                <div class="slide-parts slide-98-p8">
                    <div class="p8-main">
                        <div>
                            <h4 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">Superb Material & Lightweight</h4>
                            <p class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s">Stainless steel watch case shows the exquisite workmanship, 
                            and the leather watchband gives you a fine comfortable wearing experience. With our one of the lightest designs, the KW99 & 
                            KW98 help you go further without weighing you down.</p>
                        </div>
                        
                    </div>
                </div>
            </div>
            <div class="swiper-slide slide-part-main">
                <div class="slide-parts slide-98-p6 slide-98-p9">
                    <div class="p6-head">
                        <h4 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">Dust proof, water resistant</h4>
                        <p class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s">Bring KW99 & KW98 on your next adventure no matter the weather. A bit of rain and sweat will not stop you or your KW99 & KW98.</p>
                    </div>
                    <div class="p9-main">
                    </div>
                </div>
            </div>
            <div class="swiper-slide slide-part-main">
                <div class="slide-parts slide-98-p11 flex-box">
                    <div class="p11-main">
                        <ul>
                            <li>
                                <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.3s" src="img-kw-page/kw-98-99_01.png" alt="">
                                <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.4s" src="img-kw-page/kw-98-99_07.png" alt="">
                            </li>
                            <li>
                                <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.6s" src="img-kw-page/kw-98-99_03.png" alt="">
                                <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.7s" src="img-kw-page/kw-98-99_08.png" alt="">
                            </li>
                            <li>
                                <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.9s" src="img-kw-page/kw-98-99_05.png" alt="">
                                <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.0s" src="img-kw-page/kw-98-99_09.png" alt="">
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="swiper-slide slide-part-main">
                <div class="slide-parts slide-98-p6 slide-98-p10">
                    <div class="p6-head">
                        <h4 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">Navigate Your Way with in-built GPS</h4>
                        <p class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s">Whether you’re off-roading or exploring a new city, the built-in GPS tracks your activity and makes it easy to know your location.</p>
                    </div>
                    <div class="p10-main flex-box">
                        <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.3s" src="img-kw-page/kw-98-99a_11.png" alt="">
                    </div>
                </div>
            </div>
            <div class="swiper-slide slide-part-main">
                <div class="slide-parts slide-98-p12  flex-box">
                    <div class="p12-main">
                        <h4 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">Heart Rate Monitor</h4>
                        <p class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s">With advanced HRM sensors, you can track your heartbeat better with KW99 & KW98. Know you body status better, keep a healthier life. </p>
                    </div>
                </div>
            </div>
            <div class="swiper-slide slide-part-main">
                <div class="slide-parts slide-98-p13">
                    <div class="p13-main">
                        <h4 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">Pedometer</h4>
                        <p class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s">KW99 & KW98 give you a more comprehensive and accurate daily steps and burnt calories data. Maintain a healthy lifestyle and achieve all your fitness goals.</p>
                        <ul>
                            <li>
                                <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.2s" swiper-animate-delay="0.3s" src="img-kw-page/kw-98-99a_01.png" alt="">
                            </li>
                            <li>
                                <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.2s" swiper-animate-delay="0.6s" src="img-kw-page/kw-98-99a_03.png" alt="">
                            </li>
                            <li>
                                <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.2s" swiper-animate-delay="0.9s" src="img-kw-page/kw-98-99a_05.png" alt="">
                            </li>
                            <li>
                                <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.2s" swiper-animate-delay="1.2s" src="img-kw-page/kw-98-99a_07.png" alt="">
                            </li>
                            <li>
                                <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.2s" swiper-animate-delay="1.5s" src="img-kw-page/kw-98-99a_09.png" alt="">
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="swiper-slide slide-part-main">
                <div class="slide-parts slide-98-p14">
                    <div class="swiper-container p14-main">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="img-kw-page/kw-98-99-05.jpg" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="img-kw-page/kw-98-99-05.jpg" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="img-kw-page/kw-98-99-05.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide slide-part-main">
                <div class="slide-parts slide-98-p15 flex-box">
                    <div class="p15-main">
                        <img src="img-kw-page/kw-98-99-01.png" alt="">
                    </div>
                </div>
            </div>
            <div class="swiper-slide slide-part-main">
                <div class="slide-parts slide-98-p16 flex-box">
                    <div class="p16-main">
                        <h5 class="canshu">kw98/kw99 Specification</h5>
                        <svg class="icon" aria-hidden="true"><use xlink:href="#fx-icon-huaban"></use></svg>
                    </div>
                </div>
            </div>
            <div class="swiper-slide slide-part-foot">
               
            </div>
        </div>
        <!-- Add Pagination -->
        <!-- <div class="swiper-pagination"></div> -->
        <div class="swiper-button-next">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#iconkw-xiajiantou"></use>
            </svg>
        </div>
        <div class="swiper-button-prev">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#iconkw-shangjiantou"></use>
            </svg>
        </div>
    </div>
    <div class="info-more">
        <div class="flex-box">
            <button class="close-this">✖</button>
            <div class="info-more-main">
                <h5>kw99 Hardware Specification:</h5>
                <table>
                    <tr><td>CPU</td><td>MTK6580  Quad core 1.3Ghz</td></tr>
                    <tr><td>OS</td><td>Android 5.1</td></tr>
                    <tr><td>RAM</td><td>512MB</td></tr>
                    <tr><td>ROM</td><td>8GB</td></tr>
                    <tr><td>Display</td><td>1.39 inch AMOLED whole round HD；</td></tr>
                    <tr><td></td><td>resolution：400*400 pixel；</td></tr>
                    <tr><td>Touch screen</td><td>OGS Capacitive Screen,full bonding technology</td></tr>
                    <tr><td>Sensors</td><td>G-sensor, heart rate sensor, sensor hub</td></tr>
                    <tr><td>Speaker</td><td>Enclosed speaker</td></tr>
                    <tr><td>Vibration motor</td><td>Yes</td></tr>
                    <tr><td>Mic</td><td>Yes</td></tr>
                    <tr><td>Bluetooth</td><td>Ver 4.0,  compatible for both IOS and Android.</td></tr>
                    <tr><td>Battery</td><td>400mAh High Power Polymer battery</td></tr>
                    <tr><td>Connector</td><td>4 pins magnetic connecting, charge and data transfer</td></tr>
                </table>
                <h5>kw99 Main function:</h5>
                <table>	 
                    <tr><td>Phone function</td><td>NANO SIM Card 3G WCDMA 850/2100; 2G GSM 850/900/1800/1900 quad-bands；</td></tr>
                    <tr><td>SMS</td><td>Support</td></tr>
                    <tr><td>Caller ID display</td><td>Support</td></tr>
                    <tr><td>WIFI</td><td>Support</td></tr>
                    <tr><td>GPS</td><td>Support</td></tr>
                    <tr><td>Music</td><td>Support</td></tr>
                    <tr><td>Heart rate monitor</td><td>Yes, the real sensor, accurateness above 95%	</td></tr>
                    <tr><td>Pedometer</td><td>Yes, automatically running, including Step records, Calories calculation, Distance calculation;</td></tr>
                    <tr><td>OS online upgrade</td><td>Yes</td></tr>
                    <tr><td>Info bluetooth sync</td><td>Yes</td></tr>
                    <tr><td>Screen on gesture</td><td>Yes</td></tr>
                    <tr><td>Google map</td><td>Yes</td></tr>
                    <tr><td>Google Play</td><td>Yes</td></tr>
                    <tr><td>Google Now</td><td>Yes</td></tr>
                    <tr><td>Weather</td><td>Yes</td></tr>
                    <tr><td>Sound recorder</td><td>Yes</td></tr>
                    <tr><td>Browser</td><td>Yes</td></tr>
                    <tr><td>Calendar</td><td>Yes</td></tr>
                    <tr><td>Applications</td><td>download, install and uninstall, 2 modes of UI patent design</td></tr>
                    <tr><td>Anti-lost</td><td>Anti-lost remind</td></tr>
                    <tr><td></td><td>Bidirectional search；</td></tr>
                    <tr><td>Remote control</td><td>Remote control music</td></tr>
                    <tr><td></td><td>Remote control camera</td></tr>
                    <tr><td>Watch face</td><td>11 types patent design watch faces</td></tr>
                </table>
            </div>
        </div>
    </div>
    <script src="foot.js"></script>
    <script src="js/swiper.min.js"></script>
    <!-- <script src="js/swiper.animate1.0.3.min.js"></script> -->
    <script>
    $(document).ready(function(){
        $(".header").addClass("page-header");
        $(".banner-nav").addClass("page-banner-nav");
        $(".canshu").click(function(){
            $(".info-more").css("display","block")
        })
        $(".close-this").click(function(){
            $(".info-more").css("display","none")
        })
    })
    var footHeight = $(".foot").height();
    $(".slide-part-foot").css("height",footHeight+"px");
    var footHtml =  $(".foot").prop("outerHTML");
    // console.log(footHtml)
    $(".slide-part-foot").html(footHtml)
    var swiperPage = new Swiper('.kw-page', {
        mousewheel: true,
        direction: 'vertical',
        speed: 500,
        slidesPerView :'auto',
        // pagination: {
        // el: '.swiper-pagination',
        // clickable: true,
        // },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        on:{
            init: function(){
            swiperAnimateCache(this); //隐藏动画元素 
            swiperAnimate(this); //初始化完成开始动画
            }, 
            slideChangeTransitionEnd: function(){ 
                swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
                if(this.isEnd){
                    this.navigation.$nextEl.css('display','none');
                } else {
                    this.navigation.$nextEl.css('display','block'); 
                }
            },
            slideChange: function(){
                if(this.isBeginning){
                    this.navigation.$prevEl.css('display','none');
                    $(".header").css("top","0px");
                    $(".banner-nav").css("top","32px");
                }else{
                    this.navigation.$prevEl.css('display','block'); 
                    $(".header").css("top","-32px");
                    $(".banner-nav").css("top","-120px");
                }
            }
        }
    });
    var swiperAppIcona = new Swiper('.slide-apps-icona', {
        speed: 500,
        // slidesPerView :'auto',
        slidesPerView : 4,
        loop : true,
        autoplay: {
            delay:1500,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        on:{
            init: function(){
            swiperAnimateCache(this); //隐藏动画元素 
            swiperAnimate(this); //初始化完成开始动画
            },
            slideChangeTransitionEnd: function(){ 
                swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
            }
        }
    });
    var swiperAppIconb = new Swiper('.slide-apps-iconb', {
        speed: 500,
        // slidesPerView :'auto',
        slidesPerView : 4,
        loop : true,
        autoplay: {
            delay:1500,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        on:{
            init: function(){
            swiperAnimateCache(this); //隐藏动画元素 
            swiperAnimate(this); //初始化完成开始动画
            },
            slideChangeTransitionEnd: function(){ 
                swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
            }
        }
    });
    var swiperAppImg = new Swiper('.slide-apps-img', {
        speed: 500,
        slidesPerView :'auto',
        loop : true,
        autoplay: {
            delay:1500,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        effect : 'fade',
        on:{
            init: function(){
            swiperAnimateCache(this); //隐藏动画元素 
            swiperAnimate(this); //初始化完成开始动画
            }, 
            slideChangeTransitionEnd: function(){ 
            swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
            }
        }
    });
    var swiperOsIcona = new Swiper('.slide-os-icona', {
        speed: 500,
        // slidesPerView :'auto',
        slidesPerView : 3,
        loop : true,
        autoplay: {
            delay:1500,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        on:{
            init: function(){
            swiperAnimateCache(this); //隐藏动画元素 
            swiperAnimate(this); //初始化完成开始动画
            },
            slideChangeTransitionEnd: function(){ 
                swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
            }
        }
    });
    var swiperOsIconb = new Swiper('.slide-os-iconb', {
        speed: 500,
        // slidesPerView :'auto',
        slidesPerView : 3,
        loop : true,
        autoplay: {
            delay:1500,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        on:{
            init: function(){
            swiperAnimateCache(this); //隐藏动画元素 
            swiperAnimate(this); //初始化完成开始动画
            },
            slideChangeTransitionEnd: function(){ 
                swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
            }
        }
    });
    var swiperOsImg = new Swiper('.slide-os-img', {
        speed: 500,
        slidesPerView : 3,
        effect: 'slide',
        loop : true,
        autoplay: {
            delay:1500,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        on:{
            init: function(){
            swiperAnimateCache(this); //隐藏动画元素 
            swiperAnimate(this); //初始化完成开始动画
            }, 
            slideChangeTransitionEnd: function(){ 
            // swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
            }
        }
    });
    var swiperColors = new Swiper('.slide-colors', {
        speed: 1500,
        slidesPerView :'auto',
        loop : true,
        autoplay: {
            delay:1000,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        effect : 'fade',
        on:{
            init: function(){
            swiperAnimateCache(this); //隐藏动画元素 
            swiperAnimate(this); //初始化完成开始动画
            }, 
            slideChangeTransitionEnd: function(){ 
                swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
            },
            slideChangeTransitionStart: function(){ 
                var activeIndex = this.activeIndex;
                // console.log(activeIndex);
                switch(activeIndex) {
                    case 6:
                    $(".slide-color-show").css("background","#e6b16b");
                    $(".slide-color-show img").css("background","#e6b16b");
                    $(".slide-color-head h4").css("color","#000");
                    $(".slide-color-head p").css("color","#000");
                    break
                    case 2:
                    $(".slide-color-show").css("background","#464646");
                    $(".slide-color-show img").css("background","#464646");
                    $(".slide-color-head h4").css("color","#fff");
                    $(".slide-color-head p").css("color","#fff");
                    break
                    case 3:
                    $(".slide-color-show").css("background","#a79783");
                    $(".slide-color-show img").css("background","#a79783");
                    $(".slide-color-head h4").css("color","#000");
                    $(".slide-color-head p").css("color","#000");
                    break
                    case 4:
                    $(".slide-color-show").css("background","#cccccc");
                    $(".slide-color-show img").css("background","#cccccc");
                    $(".slide-color-head h4").css("color","#000");
                    $(".slide-color-head p").css("color","#000");
                    break
                    case 5:
                    $(".slide-color-show").css("background","#464646");
                    $(".slide-color-show img").css("background","#464646");
                    $(".slide-color-head h4").css("color","#fff");
                    $(".slide-color-head p").css("color","#fff");
                    break
                }
            }, 
        }
    });
    $("#color-a01").click(function(){
        swiperColors.slideTo(6)
    })
    $("#color-a02").click(function(){
        swiperColors.slideTo(2)
    })
    $("#color-a03").click(function(){
        swiperColors.slideTo(3)
    })
    $("#color-a04").click(function(){
        swiperColors.slideTo(5)
    })
    $("#color-a05").click(function(){
        swiperColors.slideTo(4)
    })
    var swiperPartSlide = new Swiper('.p14-main', {
        speed: 500,
        effect: 'slide',
        loop : true,
        autoplay: {
            delay:2500,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        on:{
            init: function(){
            swiperAnimateCache(this); //隐藏动画元素 
            swiperAnimate(this); //初始化完成开始动画
            }, 
            slideChangeTransitionEnd: function(){ 
            // swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
            }
        }
    });
    </script>
    <script src="js/page-nav.js"></script>
    <script type="text/javascript" src="js/polygonizr.min.js"></script>
    <script type="text/javascript" src="js/stars.js"></script>
	<script type="text/javascript">
	$('#site-landing').polygonizr();
	</script>
</body>
</html>